<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<!--bootstrap-->
		<link rel="stylesheet" href="plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<!--normalize-->
		<link rel="stylesheet" href="plugins/Normalize/normalize.min.css" />
		<!--animate-->
		<link rel="stylesheet" href="plugins/animate/animate.css" />
		<!--自定义CSS-->
		<link rel="stylesheet" href="css/oj.main.css" />
		<link rel="stylesheet" href="css/oj.teacher.css" />
		<!--jQuery-->
		<script type="text/javascript" src="plugins/jQuery/jquery-3.2.1.min.js" ></script>
        <title>QOJ - 教师主页</title>
    </head>
    <body>
    	<nav class="navbar navbar-inverse navbar-fixed-top">
    		<div class="container-fluid">
    			<div class="navbar-header">
    				<button type="button" class="navbar-toggle collapse" data-toggle="collapse" data-target="#navbar-menu">
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    				</button>
    				<a href="teacher.jsp" class="navbar-brand">Q · O J</a>
    			</div>
    			
    			<div class="collapse navbar-collapse">
    				<ul class="nav navbar-nav navbar-left">
    					<li id="navbar-class" class="active"><a href="#class" data-toggle="tab">班级</a></li>
    					<li id="navbar-problem"><a href="#problem" data-toggle="tab">题目</a></li>
    					<li id="navbar-task"><a href="#task" data-toggle="tab">作业</a></li>
    					<li id="navbar-match"><a href="#match" data-toggle="tab">比赛</a></li>
    				</ul>
    				<ul class="nav navbar-nav navbar-right">
    					<li><a href="#modal-user-info" id="navbar-user"  data-toggle="modal">zstarshadow</a></li>
    					<li><a href="#" id="signout-enter">退出登陆</a></li>
    				</ul>
    			</div>
    		</div>
    	</nav>
    	
    	<!--modal删除确认-->
    	<div class="modal fade" id="modal-delete" tabindex="-1">
    		<div class="modal-dialog modal-content">
    			<div class="modal-body">
    				<button type="button" class="close" data-dismiss="modal">&times;</button>
    				<h3 id="modal-delete-title"></h3>
    				<a href="#" class="btn btn-primary" id="modal-delete-confirm" data-dismiss="modal">删除</a> 
            		<a href="#" class="btn btn-default" data-dismiss="modal">取消</a>
    			</div>
    		</div>
    	</div>
    	<!--modal用户信息-->
    	<div class="modal fade" id="modal-user-info" tabindex="-1">
    		<div class="modal-dialog modal-content">
    			<div class="modal-body">
    				<button type="button" class="close" data-dismiss="modal">&times;</button>
    				<h3 id="modal-user-title"></h3>
    				<ul class="nav nav-tabs">
    					<li class="active"><a href="#tab-user-info" data-toggle="tab">用户信息</a></li>
    					<li><a href="#tab-user-secure-admin" data-toggle="tab">用户安全</a></li>
    				</ul>
    				<div class="tab-content">
    					<!--用户信息-->
    					<div class="tab-pane active" id="tab-user-info">
    						<div id="alert-user-info"></div>
    						<div class="input-group">
    							<span class="input-group-addon">昵称: </span>
    							<input type="text" class="form-control" id="update-user-nickname"/>
    							<span class="input-group-addon">签名: </span>
    							<input type="text" class="form-control" id="update-user-signature"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">姓名: </span>
    							<input type="text" class="form-control" id="update-user-name"/>
    							<span class="input-group-btn" id="update-user-sex" data-toggle="buttons">
    								<label class="btn btn-default">男<input type="radio"/></label>
    								<label class="btn btn-default">女<input type="radio"/></label>
    							</span>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">邮箱: </span>
    							<input type="text" class="form-control" id="update-user-email"/>
   							</div>
    						<div class="input-group">
    							<span class="input-group-addon">ID: </span>
    							<input type="text" class="form-control" id="update-user-ID" readonly="readonly"/>
    							<span class="input-group-btn" data-toggle="buttons">
    								<button type="button" class="btn btn-default" id="update-user-school">请选择学校</button>
    								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    									<span class="caret"></span>
    								</button>
    								<ul class="dropdown-menu" id="user-list-school">
    									<!--测试内容-->
    									<li>曲阜师范大学</li>
    								</ul>
    							</span>
    							<span class="input-group-btn" data-toggle="buttons">
    								<button type="button" class="btn btn-default" id="update-user-class">请选择班级</button>
    								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    									<span class="caret"></span>
    								</button>
    								<ul class="dropdown-menu" id="user-list-class">
    									<!--测试内容-->
    									<li>计1</li>
    									<li>计5</li>
    								</ul>
    							</span>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-user-info">保存</button>
    					</div>
    					<!--用户安全-->
    					<div class="tab-pane" id="tab-user-secure">
    						<div id="alert-user-secure"></div>
    						<ul class="list-group">
    							<li class="list-group-item">
  									<input type="password" id="update-user-password-old" class="form-control" placeholder="原密码" autofocus>
  								</li>
  								<li class="list-group-item">
  									<input type="password" id="update-user-password" class="form-control" placeholder="新密码（不少于6位）" autofocus>
  								</li>
  								<li class="list-group-item">
  									<input type="password" id="update-user-password-check" class="form-control" placeholder="再次输入">
  								</li>
							</ul>
   							<button type="button" class="btn btn-primary" id="update-user-secure">保存</button>
    					</div>
    					<!--用户安全，管理员-->
    					<div class="tab-pane" id="tab-user-secure-admin">
    						<div id="alert-user-secure-admin"></div>
    						<ul class="list-group">
  								<li class="list-group-item">
  									<input type="password" id="update-user-password-admin" class="form-control" placeholder="新密码（不少于6位）" autofocus>
  								</li>
  								<li class="list-group-item">
  									<input type="password" id="update-user-password-check-admin" class="form-control" placeholder="再次输入">
  								</li>
							</ul>
   							<button type="button" class="btn btn-primary" id="update-user-secure-admin">保存</button>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	<!--modal题目信息-->
    	<div class="modal fade" id="modal-problem-info" tabindex="-1">
    		<div class="modal-dialog modal-content">
    			<div class="modal-body">
    				<button type="button" class="close" data-dismiss="modal">&times;</button>
    				<h3 id="modal-problem-title"></h3>
    				<ul class="nav nav-tabs">
    					<li class="active"><a href="#tab-problem-info-base" data-toggle="tab">基本信息</a></li>
    					<li><a href="#tab-problem-info-detail" data-toggle="tab">题目详情</a></li>
    					<li><a href="#tab-problem-info-in" data-toggle="tab">输入示例</a></li>
    					<li><a href="#tab-problem-info-out" data-toggle="tab">输出示例</a></li>
    				</ul>
    				<div class="tab-content">
    					<!--题目基础信息-->
    					<div class="tab-pane active" id="tab-problem-info-base">
    						<div id="alert-problem-info-base"></div>
    						<div class="input-group">
    							<span class="input-group-addon">题目名: </span>
    							<input type="text" class="form-control" id="update-problem-name" placeholder="必填"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">类型 : </span>
    							<span class="input-group-btn" id="update-problem-type" data-toggle="buttons">
    								<label class="btn btn-default">普通<input type="radio"/></label>
    								<label class="btn btn-default">ACM<input type="radio"/></label>
    							</span>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">考查 : </span>
    							<span class="input-group-btn" data-toggle="buttons">
    								<button type="button" class="btn btn-default" id="update-problem-point">请选择知识点</button>
    								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    									<span class="caret"></span>
    								</button>
    								<ul class="dropdown-menu" id="modal-problem-list-point">
    									<!--测试内容-->
    									<li>排序</li>
    								</ul>
    							</span>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">难度 : </span>
    							<span class="input-group-btn" id="update-problem-level" data-toggle="buttons">
    								<label class="btn btn-default">青铜<input type="radio"/></label>
    								<label class="btn btn-default">白银<input type="radio"/></label>
    								<label class="btn btn-default">黄金<input type="radio"/></label>
    								<label class="btn btn-default">钻石<input type="radio"/></label>
    								<label class="btn btn-default">王者<input type="radio"/></label>
    							</span>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">时间限制: </span>
    							<input type="text" class="form-control" id="update-problem-limit-time" value="1000" placeholder="ms"/>
    							<span class="input-group-addon">空间限制: </span>
    							<input type="text" class="form-control" id="update-problem-limit-memory" value="64" placeholder="MB"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">题目来源 : </span>
    							<input type="text" class="form-control" id="update-problem-source" placeholder="选填"/>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-problem-info-base">保存</button>
    					</div>
    					<!--题目详情信息-->
    					<div class="tab-pane" id="tab-problem-info-detail">
    						<div id="alert-problem-info-detail"></div>
    						<div class="panel panel-default">
    							<div class="panel-heading">题目描述 : </div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-description" placeholder="必填"></textarea>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">数据范围 & 提示 : </div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-tip" placeholder="在此填写数据范围（必填）以及提示信息（选填）"></textarea>
    							</div>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-problem-info-detail">保存</button>
    					</div>
    					<!--题目输入信息-->
    					<div class="tab-pane" id="tab-problem-info-in">
    						<div id="alert-problem-info-in"></div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输入描述</div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-description-in" placeholder="在此填写输入描述（选填）"></textarea>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输入样例</div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-sample-in" placeholder="在此填写输入样例（选填）"></textarea>
    							</div>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-problem-info-in">保存</button>
    					</div>
    					<!--题目输出信息-->
    					<div class="tab-pane" id="tab-problem-info-out">
    						<div id="alert-problem-info-out"></div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输出描述</div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-description-out" placeholder="在此填写输出描述（必填）"></textarea>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输出样例</div>
    							<div class="panel-body">
    								<textarea class="form-control" id="update-problem-sample-out" placeholder="在此填写输出样例（必填）"></textarea>
    							</div>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-problem-info-out">保存</button>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	<!--modal作业信息-->
    	<div class="modal fade" id="modal-task-info" tabindex="-1">
    		<div class="modal-dialog modal-content">
    			<div class="modal-body">
    				<button type="button" class="close" data-dismiss="modal">&times;</button>
    				<h3 id="modal-task-title"></h3>
    				<ul class="nav nav-tabs">
    					<li class="active"><a href="#tab-task-info-base" data-toggle="tab">基本信息</a></li>
    					<li><a href="#tab-task-info-problem" data-toggle="tab">题目详情</a></li>
    				</ul>
    				<div class="tab-content">
    					<!--作业基础信息-->
    					<div class="tab-pane active" id="tab-task-info-base">
    						<div id="alert-task-info-base"></div>
    						<div class="input-group">
    							<span class="input-group-addon">作业名: </span>
    							<input type="text" class="form-control" id="update-task-name" placeholder="必填"/>
    						</div>
    						<div class="input-group">
							<span class="input-group-addon">作业描述: </span>
								<input type="text" class="form-control" id="update-task-description" placeholder="选填" />
							</div>
							<div class="input-group">
								<span class="input-group-addon">年: </span>
								<input type="text" class="form-control" id="update-task-year" />
								<span class="input-group-addon">月: </span>
								<input type="text" class="form-control" id="update-task-month" />
								<span class="input-group-addon">日: </span>
								<input type="text" class="form-control" id="update-task-day" />
								<span class="input-group-addon">持续: </span>
								<input type="text" class="form-control" id="update-task-durations" placeholder="天" />
							</div>
							<div class="input-group">
								<span class="input-group-addon">面向班级: </span>
								<input type="text" class="form-control" id="update-task-class" placeholder="默认全部班级" />
								<span class="input-group-btn" data-toggle="buttons">
 							  	 	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    									<span class="caret"></span>
									</button>
									<ul class="dropdown-menu" id="update-task-class-list">
										<!--测试内容-->
    									<li>计1</li>
    									<li>计5</li>
									</ul>
								</span>
							</div>
   							<button type="button" class="btn btn-primary" id="update-task-info-base">保存</button>
    					</div>
    					<!--作业题目列表-->
    					<div class="tab-pane" id="tab-task-info-problem">
    						<div id="alert-task-info-problem"></div>
    						<div class="input-group">
    							<input type="text" class="form-control" id="update-task-search-ID" placeholder="请输入题目ID或题目名以添加题目"/>
    							<span class="input-group-btn">
    								<button type="button" class="btn btn-default" id="update-task-search-enter">添加</button>
    							</span>
    						</div>
    						<table class="table table-hover table-striped">
  								<!--ID、题目名、类型、描述、删除题目-->
    							<thead><tr><th>ID</th><th>题目</th><th>类型</th><th>描述</th><th>操作</th></tr></thead>
    							<tbody id="update-task-problem-list">
    								<tr onclick="prepareTaskProblemInfo(this);"><td>000001</td><td>题目1</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</td></tr>
    								<tr onclick="prepareTaskProblemInfo(this);"><td>000002</td><td>题目2</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareTaskProblemInfo(this);"><td>000003</td><td>题目3</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareTaskProblemInfo(this);"><td>000004</td><td>题目4</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareTaskProblemInfo(this);"><td>000005</td><td>题目5</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    							</tbody>
    						</table>
   							<button type="button" class="btn btn-primary" id="update-task-info-problem">保存</button>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	<!--modal比赛信息-->
    	<div class="modal fade" id="modal-match-info" tabindex="-1">
    		<div class="modal-dialog modal-content">
    			<div class="modal-body">
    				<button type="button" class="close" data-dismiss="modal">&times;</button>
    				<h3 id="modal-match-title"></h3>
    				<ul class="nav nav-tabs">
    					<li class="active"><a href="#tab-match-info-base" data-toggle="tab">基本信息</a></li>
    					<li><a href="#tab-match-info-problem" data-toggle="tab">题目详情</a></li>
    				</ul>
    				<div class="tab-content">
    					<!--比赛基础信息-->
    					<div class="tab-pane active" id="tab-match-info-base">
    						<div class="input-group">
    							<span class="input-group-addon">比赛名称: </span>
    							<input type="text" class="form-control" id="update-match-name"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">比赛描述: </span>
    							<input type="text" class="form-control" id="update-match-description"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">年: </span>
    							<input type="text" class="form-control" id="update-match-year"/>
    							<span class="input-group-addon">月: </span>
    							<input type="text" class="form-control" id="update-match-month"/>
    							<span class="input-group-addon">日: </span>
    							<input type="text" class="form-control" id="update-match-day"/>
    							<span class="input-group-addon">时: </span>
    							<input type="text" class="form-control" id="update-match-hour"/>
    							<span class="input-group-addon">分: </span>
    							<input type="text" class="form-control" id="update-match-mintue"/>
    						</div>
    						<div class="input-group">
    							<span class="input-group-addon">持续时间: </span>
    							<input type="text" class="form-control" id="update-match-durations" placeholder="分钟"/>
    						</div>
   							<button type="button" class="btn btn-primary" id="update-match-info-base">保存</button>
    					</div>
    					<!--比赛题目列表-->
    					<div class="tab-pane" id="tab-match-info-problem">
    						<div id="alert-match-info-problem"></div>
    						<div class="input-group">
    							<input type="text" class="form-control" id="update-match-search-ID" placeholder="请输入题目ID或题目名以添加题目"/>
    							<span class="input-group-btn">
    								<button type="button" class="btn btn-default" id="update-match-search-enter">添加</button>
    							</span>
    						</div>
    						<table class="table table-hover table-striped">
  								<!--ID、题目名、类型、描述、删除题目-->
    							<thead><tr><th>ID</th><th>题目</th><th>类型</th><th>描述</th><th>操作</th></tr></thead>
    							<tbody id="update-match-problem-list">
    								<tr onclick="prepareMatchProblemInfo(this);"><td>000001</td><td>题目1</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareMatchProblemInfo(this);"><td>000002</td><td>题目2</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareMatchProblemInfo(this);"><td>000003</td><td>题目3</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareMatchProblemInfo(this);"><td>000004</td><td>题目4</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    								<tr onclick="prepareMatchProblemInfo(this);"><td>000005</td><td>题目5</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>				
    							</tbody>
    						</table>
   							<button type="button" class="btn btn-primary" id="update-match-info-problem">保存</button>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	
    	<div class="container-fluid main">
    		<div class="tab-content">
    			<!--班级-->
    			<div class="tab-pane active" id="class">
    				<div class="panel-group" id="panel-class">
    					<!--汇总-->
    					<div class="panel panel-default">
    						<div class="panel-heading">
  								<h3 class="panel-title">
    								<a href="#class-home" class="btn btn-default" data-toggle="collapse" data-parent="#panel-class">汇总</a>
    							</h3>
    						</div>
    						<div class="panel-collapse collapse in" id="class-home">
    							<div class="panel-body">
    							</div>
    						</div>
    					</div>
    					<div class="panel panel-default">
    						<div class="panel-heading">
    							<h3 class="panel-title">
    								<a href="#class-1" class="btn btn-default" data-toggle="collapse" data-parent="#panel-class">计1</a>
    							</h3>
    						</div>
    						<div class="panel-collapse collapse" id="class-1">
    							<div class="panel-body">
    							</div>
    						</div>
    					</div>
    					<div class="panel panel-default">
    						<div class="panel-heading">
    							<h3 class="panel-title">
    								<a href="#class-2" class="btn btn-default" data-toggle="collapse" data-parent="#panel-class">计5</a>
    							</h3>
    						</div>
    						<div class="panel-collapse collapse" id="class-2">
    							<div class="panel-body">
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!--题目-->
    			<div class="tab-pane" id="problem">
    				<div id="alert-problem"></div>
    				<div class="btn-group" id="search-problem-type" data-toggle="buttons">
    					<label class="btn btn-default active">全部<input type="radio" /></label>
    					<label class="btn btn-default">普通<input type="radio" /></label>
    					<label class="btn btn-default">ACM<input type="radio" /></label>
    				</div>
    				<div class="input-group">
    					<input type="text" class="form-control" id="search-problem-ID" placeholder="请输入题目ID或题目名（默认显示全部题目列表）"/>
    					<span class="input-group-btn">
    						<button type="button" class="btn btn-default" id="search-problem-enter">
    							<span class="glyphicon glyphicon-search"></span>
    						</button>
    					</span>
    				</div>
    				<table class="table table-hover table-striped">
  						<!--ID、题目名、创建人、创建时间、修改信息、删除题目-->
    					<thead><tr><th>ID</th><th>题目名</th><th>类型</th><th>创建人</th><th>创建时间</th><th>操作</th></tr></thead>
    					<tbody id="table-problem-list">
    						<!--提交一个新题目-->
    						<tr>
    							<td colspan="6">
    								<a href="#add-problem" class="btn btn-success" data-toggle="collapse">提交一个新题目</a>
    								<div class="collapse" id="add-problem">
    									<div class="input-group">
    										<span class="input-group-addon">题目名 : </span>
    										<input type="text" class="form-control" id="problem-add-name" placeholder="必填"/>
    									</div>
    									<div class="panel panel-default">
    										<div class="panel-heading">题目描述</div>
    										<div class="panel-body">
    											<textarea class="form-control" id="problem-add-description" placeholder="在此填写题目描述（必填）"></textarea>
    											<div class="custom">
    												<div class="input-group">
    													<span class="input-group-addon">难度 (可选): </span>
    													<span class="input-group-btn" id="problem-add-level" data-toggle="buttons">
    														<label class="btn btn-default">青铜<input type="radio"/></label>
    														<label class="btn btn-default">白银<input type="radio"/></label>
    														<label class="btn btn-default">黄金<input type="radio"/></label>
    														<label class="btn btn-default">钻石<input type="radio"/></label>
    														<label class="btn btn-default">王者<input type="radio"/></label>
	    												</span>
    												</div>
    												<div class="input-group">
    													<span class="input-group-addon">考查 (可选): </span>
    													<button type="button" class="btn btn-default" id="problem-add-point">请选择知识点</button>
    													<span class="input-group-btn" data-toggle="buttons">
    														<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    															<span class="caret"></span>
    														</button>
    														<ul class="dropdown-menu" id="problem-list-point">
    															<!--测试内容-->
    															<li>排序</li>
    														</ul>
    													</span>
    												</div>
    												<div class="input-group">
														<span class="input-group-addon">类型 (必选): </span>
    													<span class="input-group-btn" id="problem-add-type" data-toggle="buttons">
    														<label class="btn btn-default active">普通<input type="radio"/></label>
    														<label class="btn btn-default">ACM<input type="radio"/></label>
    													</span>
    												</div>
    											</div>
    										</div>
    									</div>
    									<div class="panel panel-default">
    										<div class="panel-heading">输入输出描述</div>
    										<div class="panel-body">
    											<textarea class="form-control" id="problem-add-description-in" placeholder="在此填写输入描述（选填）"></textarea>
    											<textarea class="form-control" id="problem-add-description-out" placeholder="在此填写输出描述（必填）"></textarea>
    										</div>
    									</div>
    									<div class="panel panel-default">
    										<div class="panel-heading">输入输出样例</div>
    										<div class="panel-body">
    											<textarea class="form-control" id="problem-add-sample-in" placeholder="在此填写输入样例（选填）"></textarea>
    											<textarea class="form-control" id="problem-add-sample-out" placeholder="在此填写输出样例（必填）"></textarea>
    										</div>
    									</div>
    									<div class="panel panel-default">
    										<div class="panel-heading">数据范围 & 提示</div>
    										<div class="panel-body">
    											<textarea class="form-control" id="problem-add-tip" placeholder="在此填写数据范围（必填）以及提示信息（选填）"></textarea>
    											<div class="input-group">
													<span class="input-group-addon">题目来源 : </span>
    												<input type="text" class="form-control" id="problem-add-source" placeholder="选填"/>
    											</div>
    											<div class="input-group">
													<span class="input-group-addon">时间限制 : </span>
    												<input type="text" class="form-control" id="problem-add-limit-time" value="1000" placeholder="ms"/>
    											</div>
    											<div class="input-group">
													<span class="input-group-addon">空间限制 : </span>
    												<input type="text" class="form-control" id="problem-add-limit-memory" value="64" placeholder="MB"/>
    											</div>
    										</div>
  										</div>
   										<button type="button" class="btn btn-primary" id="problem-add-enter">提交题目</button>
    								</div>
    							</td>
    						</tr>
  							<tr onclick="prepareProblemInfo(this);"><td>000001</td><td>题目1</td><td>ACM</td><td>zstarshadow</td><td>2017-7-31</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000002</td><td>题目2</td><td>ACM</td><td>zstarshadow</td><td>2017-8-1</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000003</td><td>题目3</td><td>ACM</td><td>zstarshadow</td><td>2017-8-2</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000004</td><td>题目4</td><td>ACM</td><td>zstarshadow</td><td>2017-8-3</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000005</td><td>题目5</td><td>ACM</td><td>zstarshadow</td><td>2017-8-4</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
  							<tr onclick="prepareProblemInfo(this);"><td>000006</td><td>题目6</td><td>普通</td><td>zstarshadow</td><td>2017-8-5</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000007</td><td>题目7</td><td>普通</td><td>zstarshadow</td><td>2017-8-6</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000008</td><td>题目8</td><td>普通</td><td>zstarshadow</td><td>2017-8-7</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareProblemInfo(this);"><td>000009</td><td>题目9</td><td>普通</td><td>zstarshadow</td><td>2017-8-8</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
  							<tr onclick="prepareProblemInfo(this);"><td>000010</td><td>题目10</td><td>普通</td><td>zstarshadow</td><td>2017-8-9</td><td><a href="#modal-problem-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    					</tbody>
    				</table>
    				<ul id="problem-paginator"></ul>
    			</div>
    			<!--作业-->
    			<div class="tab-pane" id="task">
    				<div id="alert-task"></div>
    				<div class="input-group">
    					<input type="text" class="form-control" id="search-task-ID" placeholder="请输入作业ID或作业名（默认显示全部作业列表）"/>
    					<span class="input-group-btn">
    						<button type="button" class="btn btn-default" id="search-task-enter">
    							<span class="glyphicon glyphicon-search"></span>
    						</button>
    					</span>
    				</div>
    				<table class="table table-hover table-striped">
    					<thead><tr><th>ID</th><th>作业名</th><th>创建人</th><th>创建时间</th><th>状态</th><th>操作</th></tr></thead>
    					<tbody id="table-task-list">
    						<!--布置一项新作业-->
    						<tr>
    							<td colspan="6">
    								<a href="#add-task" class="btn btn-success" data-toggle="collapse">布置一项新作业</a>
    								<div class="collapse" id="add-task">
    									<div class="input-group">
    										<span class="input-group-addon">作业名: </span>
    										<input type="text" class="form-control" id="task-add-name" placeholder="必填"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">作业描述: </span>
    										<input type="text"  class="form-control" id="task-add-description" placeholder="选填"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">开始时间: </span>
    										<span class="input-group-addon">年: </span>
    										<input type="text" class="form-control" id="task-add-year"/>
    										<span class="input-group-addon">月: </span>
    										<input type="text" class="form-control" id="task-add-month"/>
    										<span class="input-group-addon">日: </span>
    										<input type="text" class="form-control" id="task-add-day"/>
    										<span class="input-group-addon">持续时间: </span>
    										<input type="text" class="form-control" id="task-add-durations" placeholder="天"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">面向班级: </span>
    										<input type="text" class="form-control" id="task-add-class" placeholder="默认全部班级"/>
    										<span class="input-group-btn" data-toggle="buttons">
    											<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    												<span class="caret"></span>
    											</button>
    											<ul class="dropdown-menu" id="task-class-list-add">
    												<!--测试内容-->
    												<li>计1</li>
    												<li>计5</li>
    											</ul>
    										</span>
    									</div>
    									<div class="input-group">
    										<input type="text" class="form-control" id="task-search-problem-ID" placeholder="请输入题目ID或题目名以添加题目"/>
    										<span class="input-group-btn">
    											<button type="button" class="btn btn-default" id="task-search-problem-enter">添加</button>
    										</span>
    									</div>
    									<table class="table table-hover table-striped">
  											<!--ID、题目名、类型、描述、删除题目-->
    										<thead><tr><th>ID</th><th>题目名</th><th>类型</th><th>描述</th><th>操作</th></tr></thead>
    										<tbody id="task-add-problem-list">
    											<tr onclick="prepareTaskProblemInfo(this);"><td>000001</td><td>题目1</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareTaskProblemInfo(this);"><td>000002</td><td>题目2</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareTaskProblemInfo(this);"><td>000003</td><td>题目3</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareTaskProblemInfo(this);"><td>000004</td><td>题目4</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareTaskProblemInfo(this);"><td>000005</td><td>题目5</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    										</tbody>
    									</table>
   										<button type="button" class="btn btn-primary" id="task-add-enter">布置作业</button>
    								</div>
    							</td>
    						</tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000001</td><td>作业1</td><td>zstarshadow</td><td>2017-7-27</td><td>正在进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000002</td><td>作业2</td><td>zstarshadow</td><td>2017-7-28</td><td>正在进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000003</td><td>作业3</td><td>zstarshadow</td><td>2017-7-29</td><td>正在进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000004</td><td>作业4</td><td>zstarshadow</td><td>2017-7-30</td><td>即将进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000005</td><td>作业5</td><td>zstarshadow</td><td>2017-7-31</td><td>即将进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000006</td><td>作业6</td><td>zstarshadow</td><td>2017-8-1</td><td>即将进行</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000007</td><td>作业7</td><td>zstarshadow</td><td>2017-8-2</td><td>已经结束</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000008</td><td>作业8</td><td>zstarshadow</td><td>2017-8-3</td><td>已经结束</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000009</td><td>作业9</td><td>zstarshadow</td><td>2017-8-4</td><td>已经结束</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareTaskInfo(this)"><td>000010</td><td>作业10</td><td>zstarshadow</td><td>2017-8-5</td><td>已经结束</td><td><a href="#modal-task-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    					</tbody>
    				</table>
    				<ul id="task-paginator"></ul>
    			</div>
    			<!--比赛-->
    			<div class="tab-pane" id="match">
    				<div id="alert-match"></div>
    				<div class="input-group">
    					<input type="text" class="form-control" id="search-match-ID" placeholder="请输入比赛ID或赛名（默认显示全部比赛列表）"/>
    					<span class="input-group-btn">
    						<button type="button" class="btn btn-default" id="search-match-enter">
    							<span class="glyphicon glyphicon-search"></span>
    						</button>
    					</span>
    				</div>
    				<table class="table table-hover table-striped">
    					<thead><tr><th>ID</th><th>比赛名</th><th>创建人</th><th>创建时间</th><th>状态</th><th>操作</th></tr></thead>
    					<tbody id="table-match-list">
    						<tr>
    							<td colspan="6">
    								<a href="#add-match" class="btn btn-success" data-toggle="collapse">创建一场新比赛</a>
    								<div class="collapse" id="add-match">
    									<div class="input-group">
    										<span class="input-group-addon">比赛名称: </span>
    										<input type="text" class="form-control" id="match-add-name"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">比赛描述: </span>
    										<input type="text" class="form-control" id="match-add-description"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">开始时间: </span>
    										<span class="input-group-addon">年: </span>
    										<input type="text" class="form-control" id="match-add-year"/>
    										<span class="input-group-addon">月: </span>
    										<input type="text" class="form-control" id="match-add-month"/>
    										<span class="input-group-addon">日: </span>
    										<input type="text" class="form-control" id="match-add-day"/>
    										<span class="input-group-addon">时: </span>
    										<input type="text" class="form-control" id="match-add-hour"/>
    										<span class="input-group-addon">分: </span>
    										<input type="text" class="form-control" id="match-add-mintue"/>
    									</div>
    									<div class="input-group">
    										<span class="input-group-addon">持续时间: </span>
    										<input type="text" class="form-control" id="match-add-durations" placeholder="分钟"/>
    									</div>
    									<div class="input-group">
    										<input type="text" class="form-control" id="match-search-problem-ID" placeholder="请输入题目ID或题目名以添加题目"/>
    										<span class="input-group-btn">
    											<button type="button" class="btn btn-default" id="match-search-problem-enter">添加</button>
    										</span>
    									</div>
    									<table class="table table-hover table-striped">
    										<!--ID、题目名、类型、描述、删除题目-->
    										<thead><tr><th>ID</th><th>题目名</th><th>类型</th><th>描述</th><th>操作</th></tr></thead>
    										<tbody id="match-add-problem-list">
    											<tr onclick="prepareMatchProblemInfo(this);"><td>000001</td><td>题目1</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareMatchProblemInfo(this);"><td>000002</td><td>题目2</td><td>ACM</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareMatchProblemInfo(this);"><td>000003</td><td>题目3</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareMatchProblemInfo(this);"><td>000004</td><td>题目4</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    											<tr onclick="prepareMatchProblemInfo(this);"><td>000005</td><td>题目5</td><td>普通</td><td>描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</td><td><a href="#" onclick="$('#modal-delete-confirm').click();">删除</a></td></tr>
    										</tbody>
    									</table>
   										<button type="button" class="btn btn-primary" id="match-add-enter">创建比赛</button>
    								</div>
    							</td>
    						</tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000001</td><td>比赛1</td><td>zstarshadow</td><td>2017-7-27</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000002</td><td>比赛2</td><td>zstarshadow</td><td>2017-7-28</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000003</td><td>比赛3</td><td>zstarshadow</td><td>2017-7-29</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000004</td><td>比赛4</td><td>zstarshadow</td><td>2017-7-30</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000005</td><td>比赛5</td><td>zstarshadow</td><td>2017-7-31</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000006</td><td>比赛6</td><td>zstarshadow</td><td>2017-8-1</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000007</td><td>比赛7</td><td>zstarshadow</td><td>2017-8-2</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000008</td><td>比赛8</td><td>zstarshadow</td><td>2017-8-3</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000009</td><td>比赛9</td><td>zstarshadow</td><td>2017-8-4</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    						<tr onclick="prepareMatchInfo(this)"><td>000010</td><td>比赛10</td><td>zstarshadow</td><td>2017-8-5</td><td>正在进行</td><td><a href="#modal-match-info" data-toggle="modal">更多</a> &emsp; <a href="#modal-delete" data-toggle="modal">删除</a></td></tr>
    					</tbody>
    				</table>
    				<ul id="match-paginator"></ul>
    			</div>
    		</div>
    	</div>
    	
    	<!--bootstrap-->
    	<script type="text/javascript" src="plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
    	<!--bootstrap-paginator-->
    	<script type="text/javascript" src="plugins/bootstrap-paginator/bootstrap-paginator.min.js" ></script>
    	<!--highcharts-->
    	<script type="text/javascript" src="plugins/Highcharts/highcharts.js" ></script>
    	<!--自定义JS-->
    	<script type="text/javascript" src="js/oj.main.js" ></script>
    	<script type="text/javascript" src="js/oj.teacher.js" ></script>
 	</body>
</html>